<meta charset="utf-8" name="viewport" content="width=device-width" />
<style>
*{
  padding:0px;
  margin:0px;
}

body{
  background:#eee7e1;
}
div{
  max-width:360px;
  border-radius:8px;
  background:white;
  margin:0px auto;
}

h2{
  background:#e9185a;
  height:60px;
  color:white;
  line-height:60px;
  padding-left:20px;
  border-radius:8px 8px 0px 0px;
}

li{
  height:36px;
  line-height:36px;
  padding:10px;
  list-style:none;
  border-bottom:1px dashed grey;
}

li:last-child{
  border-bottom:none;
}

li:hover{
  color:#e9185a;
}

li:hover span{
  background:#e9185a;
}
span{
  display:inline-block;
  width:32px;
  height:32px;
  color:white;
  line-height:32px;
  text-align:center;
  background:black center center;
  border-radius:16px;
}
</style>

<head>
  <title>美容热点产品</title>
</head>

<body>
<div>
<h2>大家都喜欢买的美容品</h2>

<ul>
<li><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</li>
<li><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</li>
<li><span>3</span> OLAY玉兰油多效修护霜 50g</li>
<li><span>4</span> 巨型一号丝瓜水320ML</li>
<li><span>5</span> 倩碧保湿洁肤水2号 200ml</li>
<li><span>6</span> 比度克细肤淡印霜 30g</li>
<li><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li>
<li><span>8</span> SK-II护肤精华露 215ml</li>
<li><span>9</span> 欧莱雅青春密码活颜精华肌底液</li>
</ul>
</div>
</body>